<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta content="width=device-width, minimum-scale=1,initial-scale=1, maximum-scale=1, user-scalable=1" id="viewport" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link type="text/css" rel="stylesheet" href="../../template/css/com/com.css"/>
	<link type="text/css" rel="stylesheet" href="../../template/css/list/style.css"/>
	<link rel="stylesheet" href="../../resource/weuimin.css" />
    <link rel="stylesheet" href="../../resource/jinsuistyle.css" />
	<script src="../../template/js/jquery.js"></script>
    <script type="text/javascript" src="../../script/constants.js"></script>
	<script type="text/javascript" charset="UTF-8" src="../../script/naes.js"></script>
	<script src="../../script/api.js"></script>
    <style type="text/css">

    	body{
    	    background-color: #f1f1f1 !important;
    	}

		.first-select-table {
			border-top: 1px solid #005DA9;
			border-bottom: 1px solid #005DA9;
			width: 100%;
			height: 40px;
		}
		.first-select-table tr td{
			width:33%;
			margin: 0;
			padding: 0;
		}

		.content li {
            padding-bottom: 10px;
            margin: 10px;
            border-bottom: 1px solid #D8D8D8;

        }
        .content{
        	overflow: auto; /* auto | scroll */
    		-webkit-overflow-scrolling: touch;
        }
        .item, .text {
            display: -webkit-box;
        }

        .img {
            width: 80px;
            height: 80px;
        }

        img {
            width: 100%;
            display: block;
        }

        .text {
            -webkit-box-flex: 1;
            -webkit-box-orient: vertical;
            margin: 0 5px;
        }

        .text-price {
            padding: 2px 0;
        }

        .new-price {
        	line-height:22px;
            font-size: 20px;
            color: #ff7c70;
            font-family: Impact, Arail, sans-serif;
            font-weight: bold;
        }

        .text-price del, .icon-heart {
            margin-left: 15px;
        }

        .text-price del, .icon-people + span, .icon-heart + span {
            color: #8c8c8c;
            font-size: 10px;

        }

        .icon {
            background-size: 12px;
            background-position: center center;
            background-repeat: no-repeat no-repeat;
            display: inline-block;
            height: 12px;
            width: 12px;
        }

        .icon-people {
            background-image: url("../image/dock_icon_my_tuniu@2x.png");
        }

        .icon-heart {
            background-image: url("../image/heart@2x.png");
        }

	    .content1 {
	        -webkit-box-flex: 1;
	    }
	    .address {

	    	margin-left: 5px;
	    	line-height: 18px;
	    }

	    .cities{
	    	width:100%;

	    	font-size: small;
	    	line-height:25px;
	    	margin-top: 10px;
	    	border-bottom: 1px solid #005DA9;
	    	color: #005DA9;
	    	padding-left: 10px;
	    }

	   .qxmc{
	   		width:17%;
	   		display:block;
	   		float:left;

	   		text-align:center;
	   		margin-left: 2%
	   }
	   .qxmc-max{
			width:33%;
	   		display:block;
	   		float:left;
	   		text-align:center;
	   }
	   .jsdb{
	   		position: absolute;
	   		bottom: 0;
	   }
        </style>
        <!-- <script language="javascript" src="http://count26.51yes.com/click.aspx?id=268836397&logo=12" charset="gb2312"></script> -->
        <script type="text/javascript">
          	var cityCode = "";
          	var disCode = "";
            var position = 0;
          	var jqCode;
          	var page = 1;
          	var loadMore = 1;
          	var count = 0;
         	window.apiready = function() {

       api.addEventListener({
				    name:'scrolltobottom',
				    extra:{
				        threshold:0            //设置距离底部多少距离时触发，默认值为0，数字类型
				    }
				}, function(ret, err){
				    if(loadMore == 2){
              if(cityCode==0){
                cityCode="";
              }
				       getList(1,2,cityCode,disCode,0);
				       loadMore = 1;
				    }else{
				       api.toast({
						    msg: '再次上滑加载更多↑',
						    duration: 2000,
						    location: 'bottom'
						});
				       loadMore++;
				    }
				});

                var startTime = document.getElementById('startTime');
          		var endTime = document.getElementById('endTime');
          		checkOutEnd = getNowFormatDate(getDate(),1);
         		checkOutStart = getNowFormatDate(getDate(),0);
         		$("#startTime").val(checkOutStart);
         		$("#endTime").val(checkOutEnd);
         		$api.attr(startTime, 'min', checkOutStart);
         		$api.attr(endTime, 'min', checkOutEnd);

	      	 	var openArea = document.getElementById('openArea');
	      	 	var timeRecord = {
	      	 		startTime:'',
	      	 		endTime:'',
	      	 		changeTime:''
	      	 	}
	      	 	if(jqCode == null){
	      	 		openArea.addEventListener('touchstart',touchstartFn);
	      	 		openArea.addEventListener('touchend',touchendFn);
	      	 	}

	      	 	function touchstartFn(){
	      	 		timeRecord.startTime = new Date().getTime();
	      	 		openArea.style.color = "#660099";
	      	 	}

	      	 	function touchendFn(){
	      	 		timeRecord.endTime = new Date().getTime();
	      	 		timeRecord.changeTime = timeRecord.endTime - timeRecord.startTime;
	      	 		if(timeRecord.changeTime<300){
	      	 			opennima();
	      	 		}
	      	 		openArea.style.color = "#005DA9";
	      	 	}
	      	 	var msg = api.pageParam.msg;
	      	 	var title = api.pageParam.title;

	      	 	if(msg=null&&title!=null){
	      			$api.text(openArea, title);
	      	 	}
	      	 	if(msg!=null){
	      	 		$api.text(openArea, msg);
	      	 	}

	        	/* 智能调整顶部导航栏 */
	        	// var header = $api.byId('js-com-header-area');
	        	var header = $api.byId('jsheader');
	        	if(api.systemType=='ios'){
	    			$api.fixIos7Bar(header);
	    		}
	    		//若景区的地址编码不为空，则获取该景区的酒店列表
//	    		if(jqCode!=null){
//
//	    			getList(0,2,0,0,jqCode);
//	    			$('#openArea').text(name);
//
//	    		}else{
	    			// jqCode = 0;
	    			// getList(1,2,0,0,jqCode);
//	    		}
	    	}


        function getMyLocation() {
          var bMap = api.require('bMap');
          bMap.getLocation({
              accuracy: '100m',
              autoStop: true,
              filter: 1
          }, function(ret, err) {
              if (ret.status) {
                        var xStation = ret.lon;
                        var yStation = ret.lat;
                          bMap.getNameFromCoords({
                              lon: xStation,
                              lat: yStation
                          }, function(ret, err) {
                              if (ret.status) {
                                  var data = ret.poiList;
                                  var add = data[0].address;
                                    alert(add);
                              }
                          });

              } else {
                  alert(err.code);
              }
          });
        }

	        //获取四川省酒店列表
	        function opennima(){
                var callback = function(ret, err){
                 	var cities = document.getElementById('cities');
                 	//隐藏或展开城市列表
		 			if(cities.hidden){
		 				cities.hidden = false;
		 			}else{
		 				cities.hidden = true;
		 			}
                 	var data = eval('('+ret.list+')');
                 	//alert(JSON.stringify(data));

                 	var html;

                 		html = '<tr>'+
								'<th>'+
									'<td style="width:20%;" onclick=openThisCity(0,"全部")>全部</td>'+
									'<td style="width:20%;" onclick=openThisCity("'+data[0].DM+'","'+data[0].MC+'")>'+data[0].MC+'</td>'+
									'<td style="width:20%;" onclick=openThisCity("'+data[1].DM+'","'+data[1].MC+'")>'+data[1].MC+'</td>'+
									'<td style="width:20%;" onclick=openThisCity("'+data[2].DM+'","'+data[2].MC+'")>'+data[2].MC+'</td>'+
									'<td style="width:20%;" onclick=openThisCity("'+data[13].DM+'","'+data[13].MC+'")>'+data[13].MC+'</td>'+
								'</th>'+
							'</tr>'+
							'<tr>'+
								'<th>'+

									'<td onclick=openThisCity("'+data[6].DM+'","'+data[6].MC+'")>'+data[6].MC+'</td>'+
									'<td onclick=openThisCity("'+data[7].DM+'","'+data[7].MC+'")>'+data[7].MC+'</td>'+
									'<td onclick=openThisCity("'+data[8].DM+'","'+data[8].MC+'")>'+data[8].MC+'</td>'+
									'<td onclick=openThisCity("'+data[9].DM+'","'+data[9].MC+'")>'+data[9].MC+'</td>'+
									'<td onclick=openThisCity("'+data[14].DM+'","'+data[14].MC+'")>'+data[14].MC+'</td>'+
								'</th>'+
							'</tr>'+
							'<tr>'+
								'<th>'+
									'<td onclick=openThisCity("'+data[16].DM+'","'+data[16].MC+'")>'+data[16].MC+'</td>'+
									'<td onclick=openThisCity("'+data[17].DM+'","'+data[17].MC+'")>'+data[17].MC+'</td>'+
									'<td onclick=openThisCity("'+data[18].DM+'","'+data[18].MC+'")>'+data[18].MC+'</td>'+
									'<td onclick=openThisCity("'+data[19].DM+'","'+data[19].MC+'")>'+data[19].MC+'</td>'+
									'<td onclick=openThisCity("'+data[20].DM+'","'+data[20].MC+'")>'+data[20].MC+'</td>'+
								'</th>'+
							'</tr>'+
							'<tr>'+
								'<th>'+
									'<td onclick=openThisCity("'+data[15].DM+'","'+data[15].MC+'")>'+data[15].MC+'</td>'+
									'<td onclick=openThisCity("'+data[5].DM+'","'+data[5].MC+'")>'+data[5].MC+'</td>'+
									'<td onclick=openThisCity("'+data[3].DM+'","'+data[3].MC+'")>'+data[3].MC+'</td>'+
									'<td  onclick=openThisCity("'+data[10].DM+'","'+data[10].MC+'")>'+data[10].MC+'</td>'+
                  	'<td  onclick=openThisCity("'+data[4].DM+'","'+data[4].MC+'")>'+data[4].MC+'</td>'+
								'</th>'+
							'</tr>'+
							'<tr>'+
								'<th>'+
									'<td  onclick=openThisCity("'+data[11].DM+'","'+data[11].MC+'")>'+data[11].MC+'</td>'+
									'<td   colspan="3" onclick=openThisCity("'+data[12].DM+'","'+data[12].MC+'")>'+data[12].MC+'</td>'+
                  // '<td  onclick=getMyLocation()>当前位置</td>'+
                  // '<td  onclick="getMyLocation()>"当前位置"</td>'+
								'</th>'+
                '</tr>'+
                '<tr>'+
                  '<th>'+
                    '<td   colspan="3" onclick=getMyLocation()>获取当前位置</td>'+
                  '</th>'+
							'</tr>';
                // '<div onclick="getMyLocation()" >"当前位置"</div>'




                 	$("#cities").html(html);
                 }
                 var parameter = {"dm": "510000"};
	             apiAjax(JSON.stringify(parameter),url.dzxx,callback);

	        }
	        /**
	         *根据城市地址编码获取该市县级地区
	         */
	        function openThisCity(DM,MC){
	        	cityCode=DM;
	        	disCode="";
	        	if(MC=="全部"){//这里设“全部”为四川省所有市级地区
	        		$("#openArea").text('四川省');
	        		page = 1;
	        		getList(0,2,"",'',0);
	        		var cities = document.getElementById('cities');
	        		cities.hidden=true;
	        		return false;

	        	}else{
	        		$("#openArea").text(MC);
	        	}
                var callback = function(ret, err){
                	var data = ret.list;
                  // alert(JSON.stringify(ret))
                	var cities = document.getElementById('cities');
                	var html="";
                	//判断返回数据量的大小，选择合适的排列方式
                    if(data.length<=18){
                    	html += '<span class="qxmc-max" onclick=openThis(0,"全部","'+cityCode+'","'+MC+'")>全部</span>';
                    	for(var i=0;i<data.length;i++){
                 		if((i+1)!=0&&(i+1)%3==0){//换行
                 			html +=  '<br/><span class="qxmc-max" onclick=openThis("'+data[i].DM+'","'+data[i].MC+'","'+cityCode+'","'+MC+'")>'+data[i].MC+'</span>'
                 		}else{
                 			html += '<span class="qxmc-max" onclick=openThis("'+data[i].DM+'","'+data[i].MC+'","'+cityCode+'","'+MC+'")>'+data[i].MC+'</span>'
                 		}
                 	}
                  html += '<br/><span  class="qxmc-max" onclick=getMyLocation()>获取当前位置</span>';
					$("#cities").html(html);
					return false;
                    }
                    //判断返回数据量的大小，选择合适的排列方式
                 	if(data.length>18){
                 		html += '<span class="qxmc" onclick=openThis(0,"全部","'+cityCode+'","'+MC+'")>全部</span>';
                 		for(var i=0;i<data.length;i++){
                 		if((i+1)!=0&&(i+1)%5==0){
                 			html +=  '<br/><span class="qxmc" onclick=openThis("'+data[i].DM+'","'+data[i].MC+'","'+cityCode+'","'+MC+'")>'+data[i].MC+'</span>'
                 		}else{
                 			html += '<span class="qxmc" onclick=openThis("'+data[i].DM+'","'+data[i].MC+'","'+cityCode+'","'+MC+'")>'+data[i].MC+'</span>'
                 		}
                 	}
                      html += '<br/><span  class="qxmc-max" onclick=getMyLocation()>获取当前位置</span>';
					$("#cities").html(html);
					return false;
                 	}
                }
			    var parameter = {"areaCode":cityCode};
			    apiAjax(JSON.stringify(parameter),url.queryAreaInCity,callback);
	        }
	        //根据地址编码获取某市县级地区
	        function openThis(disDM,MC,cityDM,cityMC){
	        	if(MC=='全部'){//全市
	        		$("#openArea").text(cityMC);
	        		page = 1;
	        		getList(0,1,cityDM,'',0);
	        		var cities = document.getElementById('cities');
		       		cities.hidden = true;
		       		return false;
	        	}else{
	        		$("#openArea").text(cityMC+MC);
	        	}
	        	disCode = disDM;
	        	page = 1;
	        	getList(0,1,cityDM,disCode,0);
		        var cities = document.getElementById('cities');

		        cities.hidden = true;

	        }
			function toDetail(id){

	  			api.openWin({
	        	name: 'hotel_homepage',
	        	url: './hotel_homepage.html',
	        	pageParam:{
	        		id:id,
	        		jqCode:jqCode,
	        		startDate:$("#startTime").val(),
	        		endDate:$("#endTime").val()
	        	}
            });
	}
	/**
	 *getList 获取酒店列表
	 *param num1 星级排序标志
	 *param num2 价格排序标志
	 *param cityDM 市级地区编码
	 *param disDM 县级地区编码
	 */
	function getList(num1,num2,cityDM,disDM,jqCode){
	        //console.log(num1+","+num2+","+cityDM+","+disDM+","+jqCode);
          // alert(page);
          // alert(count);
	        if(page > 1 && count/10 < page-1){
	            api.toast({
				    msg: '没有更多数据',
				    duration: 2000,
				    location: 'bottom'
				});
	            return;
	        }
		    $("#loadingToast").show();
            var callback = function(ret, err){
                        console.log(JSON.stringify(ret));
                        count = ret.count;
        	            var data = ret.list ;

        	            var json = JSON.stringify(data);
                        // alert(json);
        				var html="";
        				//console.log(ret.list);
        	            // for(var i=0;i<data.length;i++){
                        for(i in data){
        	            	if(data[i].address!= undefined || typeof(data[i].address) != "undefined"){
        	            		//var pic = data[i].picUrl.split(",");

        	            		html += '<li onclick=toDetail("'+data[i].id+'")>'+
        						        '<div class="item" id="delete">'+
        						            '<div class="img">';
        						            if(data[i].picUrl.length > 0){
        						            html += '<img src="'+data[i].picUrl[0].URL+'" style="height:100%;">';
        						            }else{
        						            html += '<img src="../../image/noimage.png" style="height:100%;">';
        						            }
        						        html += '</div>'+
        						            '<div class="text">'+
        						                '<div class="text-title" style="font-size:large;font-weight:bold;">'+data[i].name;
        						if(data[i].start!=null && data[i].start!=""){
        							html += '<span style="font-size:medium;color:#ff7c70;padding-left:8px;">'+data[i].start+'星</span>';
        						}
        						html +=  '</div><div class="text-price">';
        						if(data[i].minPrince==null){
        							html += '<span class="new-price">￥200</span>';
        						}else{
        							html += '<span class="new-price">￥'+data[i].minPrince+'</span>';
        						}

        						     html += '<span style="color:#ff7c70;line-height:0;">起</span>'+
        						                '</div>'+
        						                '<div class="address">地址：'+data[i].address+'</div>'+
        						            '</div>'+
        						        '</div>'+
        						    '</li>';
        	            	}


	            }
              // console.log("***************************************************************************")
	            // console.log(html);
              if(page==1){
                  $('#hotelList').html(html);
              }else if(page>1){
                  $('#hotelList').append(html);
              }

	            $("#loadingToast").hide();
	            page++;
	        }
		    // var parameter = {"xj":num1,"price":num2,"cityCode":cityDM,"disCode":disDM,"jqCode":0,"page":page};
        // page=1&cityCode=0&disCode=0&position=成都市锦江区福兴街30号
    var parameter = {"page":page,"cityCode":cityDM,"disCode":disDM,"position":position};
		    // apiAjax(JSON.stringify(parameter),url.jdlist,callback);
          apiAjax(JSON.stringify(parameter),url.hotelList,callback);
	}
	function hdpic(){

	}
	function starOrder(num){
		var starS = document.getElementById('starS');
		var starJ = document.getElementById('starJ');
		if(cityCode==null&&disCode==null){
			cityCode="";
			disCode="";
		}
		if(cityCode!=null&&disCode==null){
			disCode="";
		}

		if(starS.hidden){
			getList(0,2,cityCode,disCode,jqCode);
			starS.hidden=false;
			starJ.hidden=true;
		}else{
			getList(1,2,cityCode,disCode,jqCode);
			starJ.hidden=false;
			starS.hidden=true;
		}

	}
	function priceOrder(){
		var priceS = document.getElementById('priceS');
		var priceJ = document.getElementById('priceJ');
		if(cityCode==null&&disCode==null){
			cityCode="";
			disCode="";
		}
		if(cityCode!=null&&disCode==null){
			disCode="";
		}

		if(priceS.hidden){

			getList(2,0,cityCode,disCode,jqCode);
			priceS.hidden=false;
			priceJ.hidden=true;
		}else{
			getList(2,1,cityCode,disCode,jqCode);
			priceJ.hidden=false;
			priceS.hidden=true;
		}
	}

	 function orderHistory(){
	     api.openWin({
	         name: 'orderHistory',
	         url: './orderHistory.html'
         });
	 }

	 function modifyStartTime(){
          	var st = $("#startTime").val();
          	var startTime = getNowFormatDate(st,0);
          	var endTime = getNowFormatDate(st,1);
 			$("#endTime").val(endTime);
 			var et = document.getElementById('endTime');
 			$api.attr(et, 'min', endTime);
          }

          function modifyEndTime(){
          	var startDate = $("#startTime").val();
          	var endDate = $("#endTime").val();
          	var ddate = getDays(startDate,endDate);
          	$("#rest_day").html("共"+ddate+"晚");
          }

          function getDays(date1 , date2){
            var date1Str = date1.split("-");//将日期字符串分隔为数组,数组元素分别为年.月.日
            //根据年 . 月 . 日的值创建Date对象
            var date1Obj = new Date(date1Str[0],(date1Str[1]-1),date1Str[2]);
            var date2Str = date2.split("-");
            var date2Obj = new Date(date2Str[0],(date2Str[1]-1),date2Str[2]);
            var t1 = date1Obj.getTime();
            var t2 = date2Obj.getTime();
            var dateTime = 1000*60*60*24; //每一天的毫秒数
            var minusDays = Math.floor(((t2-t1)/dateTime));//计算出两个日期的天数差
            var days = Math.abs(minusDays);//取绝对值
            return days;
         }


         function getNowFormatDate(date,addDayCount) {

	   		var now = new Date(date);
			now.setDate(now.getDate()+addDayCount);
			//格式化日，如果小于9，前面补0
			var day = ("0" + now.getDate()).slice(-2);
			var mday =  ("0" + now.getDate()).slice(-2);
			var month = ("0" + (now.getMonth() + 1)).slice(-2);
			//拼装完整日期格式
			var newDate = now.getFullYear()+"-"+(month)+"-"+(day) ;
			return newDate;

		}

		function getDate(){
	    var ddd = new Date();
		var day =ddd.getDate();

		if(ddd.getMonth()<10){
		var month = "0"+(ddd.getMonth()+1);
		}

		if(ddd.getDate()<10){
		 day = "0"+ddd.getDate();
		}

		var datew = ddd.getFullYear()+"-"+month+"-"+day;
		return datew;
	}

  function chooseCollectOrOrder() {
    $("#CollectOrOrder").show();

  }

  //打开订单页面
function orderHistory(){
    api.openWin({
        name: 'orderHistory',
        url: './orderHistory.html'
      });
}

function open_my_hotel(){
  api.openWin({
      name: 'my_hotel',
      url: './my_hotel.html'
    });
}
 </script>
 </head>
    <body>
      <div id="CollectOrOrder" style="background-color: rgba(9, 9, 9, 0.5);width:100%;height:100%;position:absolute;z-index:999;display:none"  onclick="$('#CollectOrOrder').hide();">
        <div style="margin-top:75px; background-color:#FFFFFF;float:right;width:140px;height:100px;z-index:9999">

          <div style="height: 50px;width:120px;margin-left:10px;float:left;border-bottom:solid 1px #999999"  onclick="open_my_hotel();">
            <div style="margin:7px;margin-top:12px;height:26px;width:26px;background:url('../../image/search_zc/myHotel.png');float:left;background-size:100%"></div>
            <div style="margin-top:14px;height:36px;width:80px;float:left;line-height:26px;font-size:18px">我的酒店</div>
          </div>
            <div style="height: 50px;width:130px;margin-left:10px;float:left;" onclick="orderHistory();">
              <div style="margin:7px;margin-top:12px;height:26px;width:26px;background:url('../../image/search_zc/myOrder.png');float:left;background-size:100%"></div>
              <div style="margin-top:14px;height:36px;width:80px;float:left;line-height:26px;font-size:18px">我的订单</div>
            </div>
        </div>
     </div>
    <header id="statusBar">
        <div style="height:75px;background: #298cb4;display: table;width: 100%;">
           <div style="height:50px;margin-top: 25px;line-height: 50px;color: #ffffff;background: #1e6887;">
               <div style="width: 26%;margin-left: 4%;font-size: 16px;float: left;" onclick="api.closeWin();">
	           返回
	           </div>
	           <div style="text-align: center;font-weight:bold;width: 40%;font-size: 16px;float: left;">
	           酒店预订
	           </div>
	           <div style="width: 26%;margin-right: 4%;font-size: 16px;float: left;text-align: right" onclick="chooseCollectOrOrder();">
	           收藏/订单
	           </div>
           </div>
        </div>
	</header>

	<div style="width: 100%;background: #ffffff;height: 60px;margin-top: 10px;display: table">
		   <div style="border-bottom: 1px solid #f1f1f1;width: 98%;margin: 0 auto;height: 45px;line-height: 45px;display: table;">
		    <div style="height:40px;margin-top: 10px;float: left;width:38%;text-align: center;">
		     <input id="startTime"  style="border: none;height:40px;background: #ffffff;font-size: 16px;appearance:none;width: 100%;text-align: center;" type="date" value=""  min="" onchange="modifyStartTime()"/>
		   </div>
		   <div id="rest_day" style="height:40px;margin-top: 10px;float: left;width:24%;text-align: center;color: #8B8970;">
		   共1晚
		   </div>
		   <div style="height:40px;margin-top: 10px;float: left;width:38%;text-align: center;">
		     <input id="endTime"  style="border: none;height:40px;background: #ffffff;font-size: 16px;appearance:none;width: 100%;text-align: center;" type="date" value=""  min="" onchange="modifyEndTime()"/>
		   </div>
		   </div>
		</div>

	<div class="com-content" style="padding-top: 0px; ">

<!--		<div style="height:30%;">

				<img src="../../image/myHote2.jpg" style="width:100%;height: 100%;"/>

		</div>-->
		<table class="first-select-table" id="">
			<tr>
				<td id="openArea" style="color: #005DA9;text-align: center;">
					四川省
				</td>
				<td><input type="button" style="margin-left: 0;" onclick="starOrder(0,2)" value="星级排序"/><span id="starJ" style="font-size: x-large;">&darr;</span><span id="starS" hidden="hidden" style="font-size: x-large;">&uarr;</span></td>
				<td><input type="button" style="margin-left: 0;" onclick="priceOrder()" value="价格排序"/><span id="priceJ" style="font-size: x-large;">&darr;</span><span id="priceS" hidden="hidden" style="font-size: x-large;">&uarr;</span></td>
			</tr>
		</table>
		<table id="cities" class="cities" hidden>


		</table>
		<div style="">

			<ul class="content" id="hotelList">


			</ul>

		</div>
	</div>
	<!-- 加载动画 -->
	<div id="loadingToast" style="display:none;">
			<div class="weui-mask_transparent"></div>
			<div class="weui-toast">
				<i class="weui-loading weui-icon_toast"></i>
				<p class="weui-toast__content">数据加载中...</p>
			</div>
		</div>
	<!-- 公共底部，必须引用 -->

<!--			<div class="com-footer-area footer" id="js-com-footer" style="width:100%;height: 8%;">
				<img src="../../image/db.png" style="width:100%;"/>
			</div>-->

</body>

</html>
